<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="template/clasic-t.xhtml">
	<ui:define name="title">
		<h:outputText value="Datos de domicilio" />
	</ui:define>
	<ui:define name="content">
		<f:view>
			<div class="button-list" align="left">
				<ul>
					<li><h:outputLink styleClass="button-list" value="#"
							onclick="dlgconfirmacion2.show()">Inicio</h:outputLink></li>
					<li><h:outputLink styleClass="button-list" value="#"
							onclick="dlgconfirmacion.show()">Ficha familiar</h:outputLink></li>
				</ul>
			</div>
			<div style="height: auto; width: 100%">
				<div style="padding-left: 50px; padding-top: 25px">
					<h1>Nueva ficha familiar (DF435354)</h1>
				</div>
			</div>

			<div class="container">
				<p:tabView orientation="left">
					<p:tab title="Domicilio">
						<div>
							<h:form>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Establecimiento de salud" />
										</p:column>
										<p:column colspan="8">
											<p:inputText size="80" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="10" styleClass="ui-widget-header">
											<p:spacer height="0" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Direcci&oacute;n" />
										</p:column>
										<p:column colspan="8">
											<h:selectOneMenu id="departamentos" title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
											<p:inputText style="margin-left: 10px" size="66" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Referencia" />
										</p:column>
										<p:column colspan="8">
											<p:inputText size="80" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Comit&eacute;" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="30" />
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Localidad" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="30" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="N&uacute;mero de lote" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="30" />
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Departamento" />
										</p:column>
										<p:column colspan="3">
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Sector o urbanizaci&oacute;n" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="30" />
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Provincia" />
										</p:column>
										<p:column colspan="3">
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Tel&eacute;ono" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="30" />
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Distrito" />
										</p:column>
										<p:column colspan="3">
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="10" styleClass="ui-widget-header">
											<p:spacer height="0" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Familia califica para el SIS" />
										</p:column>
										<p:column colspan="3">
											<h:selectOneRadio title="Seleccione opcion">
												<f:selectItem itemLabel="si califica" itemValue="true" />
												<f:selectItem itemLabel="no califica" itemValue="false" />
											</h:selectOneRadio>
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Idioma predominante en la familia" />
										</p:column>
										<p:column colspan="3">
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Tiempo que demora en lleguar al EESS" />
										</p:column>
										<p:column colspan="3">
											<p:inputMask id="aaa" mask="(99) Ds (99) Hrs  (99) Min"
												size="30" />
											<p:tooltip for="aaa"
												value="Indica el tiempo en llegar al establecimiento de salud en dias horas y minutos, (pe: 02 dias 20 horas 20 minutos)"
												showEffect="slide" hideEffect="slide" style="width: 250px" />
										</p:column>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel
												value="Tiempo de residencia en el domicilio actual" />
										</p:column>
										<p:column colspan="3">
											<p:inputMask id="bbb"
												mask="(99) A&ntilde;s (99) Mses  (99) Ds" size="30" />
											<p:tooltip for="bbb"
												value="Define el tiempo de llegada al domicilio actual, (pe: 02 dias 20 horas 20 minutos)"
												showEffect="slide" hideEffect="slide" style="width: 250px" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2" style="width:100px; text-align: right">
											<h:outputLabel value="Lugar de residencia previa" />
										</p:column>
										<p:column colspan="8">
											<p:inputText size="80" />
										</p:column>
									</p:row>
								</p:panelGrid>
								<div
									style="margin: 0 auto; padding-top: 10px; margin-bottom: 50px">
									<p:commandButton value="Guardar" action="#{ct.accion}"
										styleClass="design-g" style="float: right" />
								</div>
							</h:form>
						</div>
					</p:tab>
					<p:tab title="Miembros de familia">
						<div>
							<h:form id="newMemberForm">
								<p:outputPanel id="membersFamily">
									<p:outputPanel rendered="#{not empty ctfamily.listMember}"
										style="margin: 0 auto; width: 900px;">
										<h:dataTable id="tableDataMembers"
											value="#{ctfamily.modelTableListMember}" var="member"
											style="width: 100%">
											<h:column>
												<p:panelGrid styleClass="layoutForm summaryData">
													<p:row>
														<p:column styleClass="label">
															<h:outputLabel value="Nombres" />
														</p:column>
														<p:column>
															<h:outputFormat style="font-size: 15px"
																value="{0} {1}, {2}">
																<f:param value="#{member.apePaterno}" />
																<f:param value="#{member.apeMaterno}" />
																<f:param value="#{member.nombre}" />
															</h:outputFormat>
														</p:column>
														<p:column>
															<p:commandLink value="Editar"
																action="#{ctfamily.actionSelectMember}"
																onclick="dlgEditMember.show()" immediate="true" />
														</p:column>
													</p:row>
												</p:panelGrid>
											</h:column>
										</h:dataTable>
										<div align="right"
											style="margin-right: 10px; margin-top: 15px">
											<h:outputLink value="#" onclick="dlgNewMember.show()">Agregar miembro</h:outputLink>
										</div>
									</p:outputPanel>
									<p:outputPanel rendered="#{empty ctfamily.listMember}"
										style="margin: 0 auto; width: 900px;">
                                            No hay miembros, agrege uno 
                                            <h:outputLink value="#"
											onclick="dlgNewMember.show()">Aqui</h:outputLink>
									</p:outputPanel>
								</p:outputPanel>

								<p:dialog header="Nuevo miembro" widgetVar="dlgNewMember"
									resizable="false" modal="true" showEffect="explode"
									onCloseUpdate="newMemberForm" hideEffect="explode" width="500">

									<div class="section-content-blue" style="margin: 10px">
										<div class="subtitule-entry-clasic">Nueva miembro</div>
										<table width="100%" style="margin-top: 8px">
											<tr>
												<td align="right" style="padding-right: 10px;"><h:outputText
														value="Nombre: " /></td>
												<td><p:inputText value="#{ctfamily.newMember.nombre}"></p:inputText>

												</td>
											</tr>
											<tr>
												<td align="right" style="padding-right: 10px;"><h:outputText
														value="Ap paterno: " /></td>
												<td><p:inputText size="35"
														value="#{ctfamily.newMember.apePaterno}" /></td>
											</tr>
											<tr>
												<td align="right" valign="top"
													style="padding-right: 10px; padding-top: 5px"><h:outputText
														value="Ap materno: " /></td>
												<td><p:inputText size="35"
														value="#{ctfamily.newMember.apeMaterno}" /></td>
											</tr>
										</table>
									</div>
									<div align="right" style="margin-right: 10px;">
										<p:commandButton action="#{ctfamily.addNewMember()}"
											value="Agregar" style="margin:10px 0; width: 100px;"
											styleClass="design-g" oncomplete="dlgNewMember.hide()"
											update="@form" />
									</div>

								</p:dialog>

								<p:dialog header="Editar miembro" widgetVar="dlgEditMember"
									resizable="false" modal="true" showEffect="explode"
									onCloseUpdate="@form" hideEffect="explode" width="500">

									<div class="section-content-blue" style="margin: 10px">
										<div class="subtitule-entry-clasic">Datos de miembro</div>
										<table width="100%" style="margin-top: 8px">
											<tr>
												<td align="right" style="padding-right: 10px;"><h:outputText
														value="Nombre: " /></td>
												<td><p:inputText
														value="#{ctfamily.selectedMember.nombre}"></p:inputText></td>
											</tr>
											<tr>
												<td align="right" style="padding-right: 10px;"><h:outputText
														value="Ap paterno: " /></td>
												<td><p:inputText size="35"
														value="#{ctfamily.selectedMember.apePaterno}" /></td>
											</tr>
											<tr>
												<td align="right" valign="top"
													style="padding-right: 10px; padding-top: 5px"><h:outputText
														value="Ap materno: " /></td>
												<td><p:inputText size="35"
														value="#{ctfamily.selectedMember.apeMaterno}" /></td>
											</tr>
										</table>
									</div>
									<div align="right" style="margin-right: 10px;">
										<p:commandButton action="#{ctfamily.actionSaveChanges()}"
											value="Guardar cambios" style="margin:10px 0; width: 100px;"
											styleClass="design-g" oncomplete="dlgEditMember.hide();"
											update="@form" />
									</div>
								</p:dialog>

							</h:form>
						</div>
					</p:tab>
					<p:tab id="familyRisks" title="Riesgos">
						<h:form>
							<p:panelGrid styleClass="layoutForm">
								<p:row>
									<p:column>
										<h:outputLabel value="Nuevo riesgo" />
									</p:column>
									<p:column>
										<h:selectOneMenu id="risksMenu"
											value="#{ctfamily.selectedRisk.id}">
											<f:selectItem noSelectionOption="true" />
											<f:selectItems value="#{ctfamily.riskItems}"></f:selectItems>
										</h:selectOneMenu>
									</p:column>
									<p:column>
										<p:commandButton action="#{ctfamily.actionAddRisk()}"
											value="Agregar nuevo riesgo"
											style="margin:0; width: 200px; padding: 0"
											styleClass="design-g" update="@form" />
									</p:column>
									<p:column>
										<h:message for="risksMenu" />
									</p:column>
								</p:row>
							</p:panelGrid>
							<p:outputPanel rendered="#{not empty ctfamily.listRiskFamily}">
								<h:dataTable value="#{ctfamily.modelTableListRiskFamily}"
									var="item" style="width: 100%">
									<h:column>
										<div class="section-content-blue" style="margin-bottom: 0">
											<div class="subtitule-entry-clasic">#{item.risk.nombre}</div>
											<ul>
												<ui:repeat var="date" value="#{item.dates}">
													<li>#{date}</li>
												</ui:repeat>
											</ul>
											<p:outputPanel rendered="#{not empty item.observation}">
												<p
													style="font-size: 14px; font-weight: bold; margin-left: 30px">
													#{item.observation}</p>
											</p:outputPanel>
											<div align="right"
												style="margin-right: 10px; margin-top: 15px">
												<p:commandLink style="padding-left: 10px;" immediate="true"
													value="Agregar nueva fecha"
													action="#{ctfamily.actionSelectRiskFamily()}"
													onclick="dlgNewDate.show()" />
											</div>
											<p:outputPanel rendered="#{empty item.observation}">
												<div align="right"
													style="margin-right: 10px; margin-top: 15px">
													<p:commandLink style="padding-left: 10px;" immediate="true"
														value="A&ntilde;adir observaci&oacute;n"
														action="#{ctfamily.actionSelectRiskFamily()}"
														onclick="dlgObservation.show()" />
												</div>
											</p:outputPanel>
										</div>
									</h:column>
								</h:dataTable>
							</p:outputPanel>
							<p:outputPanel rendered="#{empty ctfamily.listRiskFamily}"
								style="margin: 0 auto; width: 900px;">
								<p style="font-size: 14px; font-weight: bold; margin-left: 30px">0
									riesgos registrados.</p>
							</p:outputPanel>

							<p:dialog header="Nueva fecha de riesgo" widgetVar="dlgNewDate"
								resizable="false" modal="true" showEffect="explode"
								onCloseUpdate="FamilyRisks" hideEffect="explode" width="500">
								<div class="section-content-blue" style="margin: 10px">
									<div class="subtitule-entry-clasic">Nueva fecha</div>
									<table width="100%" style="margin-top: 8px">
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputLabel
													value="Fecha: " /></td>
											<td><p:calendar size="35" navigator="true" locale="es"
													effect="slideDown" value="#{ctfamily.newDateForFamilyRisk}" />
											</td>
										</tr>
									</table>
								</div>
								<div align="right" style="margin-right: 10px;">
									<p:commandButton action="#{ctfamily.addDateToFamilyRisk()}"
										value="Agregar" style="margin:10px 0; width: 100px;"
										styleClass="design-g" oncomplete="dlgNewDate.hide();"
										update="@form" />
								</div>
							</p:dialog>

							<p:dialog header="Agregar observacion" widgetVar="dlgObservation"
								resizable="false" modal="true" showEffect="explode"
								onCloseUpdate="FamilyRisks" hideEffect="explode" width="500">
								<div class="section-content-blue" style="margin: 10px">
									<div class="subtitule-entry-clasic">Nueva fecha</div>
									<table width="100%" style="margin-top: 8px">
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputLabel
													value="Observacion: " /></td>
											<td><p:inputTextarea size="35"
													value="#{ctfamily.newRisksFamily.observation}" /></td>
										</tr>
									</table>
								</div>
								<div align="right" style="margin-right: 10px;">
									<p:commandButton
										action="#{ctfamily.addObservationToFamilyRisk()}"
										value="Guardar" style="margin:10px 0; width: 100px;"
										styleClass="design-g" oncomplete="dlgObservation.hide();"
										update="@form" />
								</div>
							</p:dialog>
						</h:form>
					</p:tab>
					<p:tab title="Datos socioecon&oacute;micmos">
						<h:form>
							<p:panelGrid styleClass="layoutForm">
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Instrucci&oacute;n de la madre" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Grupo familiar" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style=" text-align: right">
										<h:outputLabel value="Tenencia de la vivienda" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Energ&iacute;a el&eacute;ctrica" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Agua de consumo" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Ingresos familiares" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Eliminaci&oacute;n de excretas" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel
											value="N&uacute;mero de personas por dormitorio" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style=" text-align: right">
										<h:outputLabel value="Observaci&oacute;n general" />
									</p:column>
									<p:column colspan="3">
										<p:inputTextarea rows="3" autoResize="false"
											style="width: 100%"></p:inputTextarea>

									</p:column>
								</p:row>
							</p:panelGrid>
						</h:form>
					</p:tab>
					<p:tab title="Vivienda y entorno">
						<h:form>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Vivienda</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Tipo de vivienda" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Material de paredes" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style=" text-align: right">
											<h:outputLabel value="Material del piso" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Material del techo" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Combustible para cocinar" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Dep&oacute;sito de basura" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Vivienda con riesgo de caidas" />
										</p:column>
										<p:column>
											<h:selectOneRadio title="Seleccione opcion">
												<f:selectItem itemLabel="si califica" itemValue="true" />
												<f:selectItem itemLabel="no califica" itemValue="false" />
											</h:selectOneRadio>
										</p:column>
									</p:row>
									<p:row>
										<p:column style=" text-align: right">
											<h:outputLabel value="Problemas en la comunidad" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="80" />
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Artefactos del hogar</div>
								<p:pickList value="#{ctfamily.homeAppliancesSource}" var="item"
									itemLabel="#{item}" itemValue="#{item}">
									<f:facet name="sourceCaption">Todos los artefactos</f:facet>
									<f:facet name="targetCaption">Artefactos que posee</f:facet>
								</p:pickList>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Riesgos por entorno</div>
								<p:pickList value="#{ctfamily.aroundRiskSource}" var="item"
									itemLabel="#{item}" itemValue="#{item}">
									<f:facet name="sourceCaption">Todos los riesgos</f:facet>
									<f:facet name="targetCaption">Riesgos que padece</f:facet>
								</p:pickList>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Tenencia de animales</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Perro" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Ave de corral" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Carnero" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Vaca" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Gato" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Cabra" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Cerdo" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Intradomiciliario (zona de peste):" />
										</p:column>
										<p:column>
											<h:selectBooleanCheckbox /> Cuy
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Observaci&oacute;n</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Descripci&oacute;n" />
										</p:column>
										<p:column>
											<p:inputTextarea rows="3" autoResize="false"
												style="width: 100%"></p:inputTextarea>
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
						</h:form>
					</p:tab>
				</p:tabView>
			</div>

			<p:confirmDialog
				message="¿Estas seguro de esto?, esta ficha se va a eliminar con todos los datos ingresados hasta el momento"
				header="Salir de esta secci&oacute;n" width="400" severity="alert"
				widgetVar="dlgconfirmacion" modal="true" closeOnEscape="true">
				<h:form>
					<p:commandButton id="confirm" value="S&iacute;, estoy seguro"
						action="#{ctfamily.retornar1()}" />
					<p:commandButton id="decline" type="button" value="No, cancelar"
						onclick="dlgconfirmacion.hide()" />
				</h:form>
			</p:confirmDialog>
			<p:confirmDialog
				message="¿Estas seguro de esto?, esta ficha se va a eliminar con todos los datos ingresados hasta el momento"
				header="Salir de esta secci&oacute;n" width="400" severity="alert"
				widgetVar="dlgconfirmacion2" modal="true" closeOnEscape="true">
				<h:form>
					<p:commandButton id="confirm" value="S&iacute;, estoy seguro"
						action="#{ctfamily.retornar2()}" />
					<p:commandButton id="decline" type="button" value="No, cancelar"
						onclick="dlgconfirmacion2.hide()" />
				</h:form>
			</p:confirmDialog>
		</f:view>
	</ui:define>
</ui:composition>
</html>